<template>
  <div class="line-m">
    <div class="line-m-t">
      <div class="arow">上月末实有</div>
      <div>
        <div class="line-m-ts" style="height: calc(10*20px + 9px);line-height: calc(10*20px + 9px); ">
          <div class="flex-column" v-ftitle>本月增加</div>
        </div>
        <div class="line-m-tt" style="width: calc(100% - 51px)">
          <div>合计</div>
          <div style="height: calc(6*20px + 5px);line-height: calc(6*20px + 5px); border-top: 0;">
            <div class="line-m-ts" style="height: calc(6*20px + 5px);line-height: calc(6*20px + 5px); border-top: 0;">
              <div class="flex-column" v-ftitle>新收</div>
            </div>
            <div class="line-m-tt" style="line-height: initial;border-top: 0;width: calc(100% - 51px)">
              <div style="border-top: 0;">行政拘留</div>
              <div>司法拘留</div>
              <div>拘留审查</div>
              <div>现场拘留</div>
              <div>待驱逐出境、遣送出境</div>
              <div>其他</div>
            </div>
          </div>
          <div>恢复执行行政拘留</div>
          <div>请假出所返回</div>
          <div>逃跑追回</div>
        </div>
      </div>
      <div>
        <div class="line-m-ts" style="height: calc(13*20px + 12px);line-height: calc(13*20px + 12px); ">
          <div class="flex-column" v-ftitle>本月减少</div>
        </div>
        <div class="line-m-tt" style="width: calc(100% - 51px)">
          <div>合计</div>
          <div>拘留期满</div>
          <div>停止执行拘留</div>
          <div style="height: calc(5*20px + 4px);line-height: calc(5*20px + 4px); ">
            <div class="line-m-ts" style="height: calc(5*20px + 4px);line-height: initial; border-top: 0;">
              <div class="flex-column" v-ftitle>转其他处理</div>
            </div>
            <div class="line-m-tt" style="line-height: initial;border-top: 0;width: calc(100% - 51px)">
              <div>强制隔离戒毒</div>
              <div>收容教育</div>
              <div>刑事拘留</div>
              <div>驱逐出境、遣送出境</div>
              <div>逮捕</div>
            </div>
          </div>
          <div>暂缓执行行政拘留</div>
          <div>请假出所</div>
          <div>逃跑</div>
          <div>死亡</div>
          <div>其他</div>
        </div>
      </div>
      <div>
        <div class="line-m-ts" style="height: calc(7*20px + 6px);line-height: calc(7*20px + 6px); ">
          <div class="flex-column" v-ftitle>月末实有</div>
        </div>
        <div class="line-m-tt" style="width: calc(100% - 51px)">
          <div>合计</div>
          <div>行政拘留</div>
          <div>司法拘写留</div>
          <div>现场拘留</div>
          <div>刑事拘留</div>
          <div>待驱逐出境、遣送出境</div>
          <div>其他</div>
        </div>
      </div>
    </div>
    <div class="line-m-t">
      <p v-for="line in lineList" :key="line">{{line}}</p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'leftT',
  computed: {
    lineList() {
      const lineList = [];
      for (let i = 1; i < 32; i++) {
        lineList.push(i);
      }
      return lineList;
    }
  }
};
</script>

<style scoped>

</style>
